<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body {
				background: url(img/clock.jpg) no-repeat;
				height: 100%;
				width: 100%;
				overflow: hidden;
				background-size: cover;
			}
			#div{
				position: absolute;
				top: 130px;
				left: 210px;
				font-size:200px ;
				font-weight: bold;
				color: white;
			}
		</style>
	</head>

	<body>
		<div id="div">

		</div>
		<script type="text/javascript">
		setInterval(function(){		
			var date = new Date();
			var div = document.getElementById("div");
			var hh = getNum(date.getHours());
			var mm = getNum(date.getMinutes())
			var ss = getNum(date.getSeconds())
			div.innerHTML = hh + ":" + mm + ":" + ss;			
		},1000)
		function getNum(num){
			if(num>=0&&num<=9){
				return "0"+num;
			}else{
				return num;
			}
		}
		</script>
	</body>

</html>